<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>标题</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" href="../css/fyz.public.style.css" />	
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<style type="text/css">
div.w500{
background-image:-webkit-linear-gradient(180deg,#01A57E ,#539DE1);
}
/*
绿色：#01A57E    1   165      126 
蓝色：#539DE1    83   157      225

黄色：  253  250 4 
红色：  253  4   4

*/

div.w300{ 
	font-size:35px;
	/* background-image: -webkit-gradient(linear,0 0, 0 bottom, from(rgba(253,250,4,1)), to(rgba(253,4,4,1))); */
	background-image:-webkit-linear-gradient(180deg,#01A57E,#539DE1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class='w500 h100 m50 o red'></div>
<div class='w300 h100 m50 o red'>我是一个颜色</div>
</body>
</html>